.bg1{ background-color: #fff; padding-top: 10px}
.lottery{width:320px; height:320px; position:relative; margin:auto;}
#disk{width:320px; height:320px; background:url(../image/lottery/disk1.png) no-repeat; background-size: cover}
#start{width:130px; height:254px; position:absolute; top:33px; left:98px;}
#start img{cursor:pointer; width: 130px; height: 254px}
.infoBox{ clear: both; overflow: hidden;}
.baseInfo{color: #fff; text-align: center; font-size: 2rem}
.baseInfo span{color: #ff0; font-size: 3rem; padding: 0 5px}
.myInfo{ clear: both; overflow: hidden; margin: 5px;}
.myInfo li{ list-style: none; border-radius: 10px; padding: 1rem; margin-bottom: 1rem; background-color: #fff}
.post{ width: 100%; padding-top: 5px; overflow: hidden;}
.myInfo li span{ color: #f00}
.mask{background: rgba(0,0,0,0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: right; display: none;
z-index: 999}

.sorry{ text-align: center;}
.sorry img{ width: 30%; margin-top: 50px;}
.sorryText{ color: #fff; text-align: center; width: 80%; margin: auto;}

.box{ margin: auto; width: 80%; border: 2px #fff dashed; border-radius: 10px; margin-top: 20%; padding: 10px; background-color: rgba(255,255,255,0.2);}
.title{ height: 40px; line-height: 40px; font-size: 1.4rem; color: #fff}

.shuoming{ background-color: #5d9e9f; clear: both; margin: 10px; overflow: hidden; border-radius: 10px; padding-bottom: 1rem}
.shuoming .hd{ text-align: center; font-size: 1.6rem; padding: 1rem 0; color: #fff}
.shuoming .bd{ padding:0 1rem; text-align: left; color: #fff}

.lotBox{ clear: both; overflow: hidden; padding: 10px 0}
.lotBox .mypoint{ float: left; width: 50%; text-align: center; border-right: 1px #ddd solid}
.mypoint span{ color: #f60; font-size: 1.6rem}
.shareIntr{ text-align: center;}